import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-zujian',
  templateUrl: './zujian.component.html',
  styleUrls: ['./zujian.component.css']
})
export class ZujianComponent implements OnInit {

  public flag:boolean=true;

  constructor() { }

  ngOnInit() {
    // 组件和指令初始化完成，并不是真正的 DOM 加载完成
    let oBox:any=document.getElementById('box')
    // console.log(oBox.innerHTML)
    oBox.style.color='red'

    // 这个用到了 ngIf 所以这里会出错
    // 获取不到 dom 节点 
    // let oBox1:any=document.getElementById('box1')
    // console.log(oBox1.innerHTML)
    // oBox1.style.color='red'
  }

  // 视图加载完成以后触发的方法 dom 操作完成  (建议把 dom 操作放在这里)
  ngAfterViewInit(){
    let oBox1:any=document.getElementById('box1')
    // console.log(oBox1.innerHTML)
    oBox1.style.color='blue'
  }

}
